/**
 * index.less 首页样式
 * -----------------------------------
 * 18/03/14 Jerry 新增
 */

@import '../../../variables.less';
@import '../../../component/common/searchBar/searchBar.less';
@import '../../../component/common/activitiesFloor/activitiesFloor.less';
@import '../../../component/common/brandsFloor/brandsFloor.less';
@import '../../../component/common/pintuansView/pintuansView.less';
@import '../../../component/common/skusView/skusView.less';
@import '../../../component/common/resaleItem/resaleItem.less';

.floor-wrapper {
  width: 100%;
  border-bottom: @border-gray-light-5;
}

/* 广告楼层 */
.ad-wrapper {
  position: relative;
  border-bottom: none;

  swiper {
    height: 345rpx;
  }

  image {
    width: 750rpx;
  }

  .indicator-tip {
    position: absolute;
    right: 30rpx;
    bottom: 30rpx;
    width: 40rpx;
    height: 20rpx;
    line-height: 20rpx;
    text-align: center;
    font-size: @text-size-xs;
    border-radius: 5rpx;
    border: @border-gray-light;
    background-color: fade(@color-white, 50%);
  }

} /* .ad-wrapper */

/* 快捷入口区 */
.ops-wrapper {
  //.flex-between;
  display: flex;
  padding: @text-margin-l 0;
  box-sizing: border-box;
  border-top: @border-gray-light;
  flex-wrap: wrap;

  .op-item {
    width: 25%;
    text-align: center;
    margin-bottom: 15rpx;
    image {
      padding: 10rpx 0 5rpx;
      width: 50rpx;
      height: 50rpx;
    }

    text {
      display: block;
      text-align: center;
      color: fade(@color-text, 70%);
      font-size: @text-size-s3;
    }

  } /* .op-item */

} /* .ops-wrapper */

/* SKU楼层 */
.skus-wrapper {
  .clear-after;

  .title {
    .flex-start;
    margin: 0 15rpx;
    height: 80rpx;

    image {
      width: 160rpx;
      height: 50rpx;
    }

    .title-more {
      margin-left: 15rpx;
      .ico-s;
      .opacity-gray;
    }

  } /* .title */

  &:last-chilld {
    border-bottom: none;
  }

} /* .skus-wrapper */

.no-records {
  display: none;
  text-align: center;

  image {
    .opacity-gray-light;
    margin-bottom: 30rpx;
    width: 300rpx;
    height: 300rpx;
  }

  text {
    display: block;
  }

  &:first-child {
    display: block;
  }

} /* .no-records */

/* 供求列表主页入口楼层 */
.resale-wrapper {

  .title {
    .flex-between;
    padding: 0 120rpx;
    border-bottom: 4rpx solid #eee;

    .tab {
      width: 180rpx;
      height: 88rpx;
      color: #505050;
      font-size: 28rpx;
      line-height: 88rpx;
      text-align: center;
      margin-bottom:-4rpx;
    }

    .active {
      color: rgba(0, 95, 188, 1);
      border-bottom: 4rpx solid rgba(0, 95, 188, 1);;
    }

  } /* .tab  */

  .body {

    .more {
      height: 80rpx;
      color: rgba(80, 80, 80, 1);
      background-color: rgba(255, 255, 255, 1);
      font-size: 28rpx;
      line-height: 80rpx;
      text-align: center;
    }

  } /* .body  */

} /* .resale-wrapper */

.noData {


} /* .noData  */
